<!DOCTYPE html>
<html>

<head>
    <title>基本房间信息管理</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/system.css">
    <link rel="icon" href="../favicon.ico">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/checkLogin.js"></script>
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../font/iconfont.js"></script>
    <script src="../js/jquery.min.js"></script>
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>

    <main>
        <h1 class="visually-hidden">Sidebars examples</h1>

        <div class="d-flex flex-column flex-shrink-0 p-3 bg-primary text-white" style="width: 220px;">
            <span class="fs-4"> <span class="iconfont icon-jiudianzhusu" style="font-size:24px ;"></span>five
                HOTEL</span>
            <hr>
            <ul class="nav nav-pills flex-column mb-auto">
                <li class="nav-item">
                    <a href="./home.html" class="nav-link active">
                        <span class="iconfont icon-zhuye"></span> &nbsp;主页
                    </a>
                </li>
                <li>
                    <a href="./roomMessage.html" class="nav-link text-white">
                        <span class="iconfont icon-yingyongzhongxin"></span> &nbsp;基本房间信息管理
                    </a>
                </li>
                <li>
                    <a href="./roomSortMessage.html" class="nav-link text-white">
                        <span class="iconfont icon-yingyongzhongxin"> &nbsp;房间分类信息管理
                    </a>
                </li>
                <li>
                    <a href="./order.html" class="nav-link text-white">
                        <span class="iconfont icon-yingyongzhongxin"> 订单管理
                    </a>
                </li>
                <li>
                    <a href="./custmoer.html" class="nav-link text-white">
                        <span class="iconfont icon-yingyongzhongxin"> &nbsp;顾客信息管理
                    </a>
                </li>
                <li>
                    <a href="./employee.html" class="nav-link text-white">
                        <span class="iconfont icon-yingyongzhongxin"> &nbsp;员工信息管理
                    </a>
                </li>
                <li>
                    <a href="./updatePssword.html" class="nav-link text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-key" viewBox="0 0 16 16">
                            <path
                                d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z" />
                            <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
                        </svg> &nbsp;账户管理
                    </a>
                </li>
            </ul>
            <hr>
        </div>

        <div class="b-example-divider" style="width:calc(100% - 220px);overflow: hidden;">
            <div class="header" style="width: 100%; height:66px;line-height: 66px; background-color:#0d6efd; overflow: hidden;">
                <div class="row">
                    <div class="col-lg-3" style="color:#fff; font-size:30px; padding-left:20px;">
                        <span class="fs-4"> <svg class="icon" aria-hidden="true" style="width:50px;height:50px;">
                                <use xlink:href="#icon-jiudianzhusu"></use>
                            </svg></span>
                    </div>
                    <div class="col-lg-5" style="text-align: center;"><span
                            style="background: linear-gradient(to bottom,#f0610e, #e8771a, #fff34a);-webkit-background-clip: text;color: transparent; font-size: 25px;">FIVE
                            HOTEL 后台管理系统</span>
                    </div>
                    <div class="col-lg-4" style="color:#fff; font-size:25px;padding-right: 35px;text-align: right;">欢迎你！
                        <img src="../img/avatar.jpg" style="width: 40px; border-radius:35%;"> &emsp;<span id="uname">管理员</span>
                        <button type="button" class="btn btn-danger btn-sm" id="logout">退出</button>
                    </div>
                </div>
            </div>
            <div class="container mt-3" style="width: 1200px;height: 100%;background:white;">
                <div style="padding-top: 15px; margin-bottom: 15px;">
                    <button class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#myModalsAdd" onclick="getEmployeeInfo()">添加</button>
                <input type="text" placeholder="请输入学生的姓名" id="likeName"><button onclick="queryName()">查询</button> 

                    <!-- 主要内容 -->
                    <table class="table table-hover" style="overflow: hidden;">
                        <thead>
                            <tr>
                                <th>编号</th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>年龄</th>
                                <th>岗位</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>


                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <!-- 分页 -->
                <button onclick="first()" id="first">首页</button>
                <button onclick="up()">上一页</button>
                <button onclick="down()">下一页</button>
                <button onclick="last()">尾页</button>
                </div>
                <!-- 修改 -->
                <div class="modal fade" id="myModalEdit">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <input type="hidden" id="updateID">
                            <!-- 模态框头部 -->
                            <div class="modal-header">
                                <h4 class="modal-title">修改员工信息</h4>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>

                            <!-- 模态框内容 -->
                            <div class="modal-body">
                                <form>
                                    <div class="row" style="margin-bottom:10px">
                                        <div class="col-lg-2">
                                            <span style="font-size: 24px">姓名</span>
                                        </div>
                                        <div class="col-lg-10">
                                            <input type="text" class="form-control" id="updatename" placeholder="请输入姓名">
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom:10px">
                                        <div class="col-lg-2">
                                            <span style="font-size: 24px">性别</span>
                                        </div>
                                        <div class="col-lg-10" style="line-height:32px">
                                            <label><input type="radio" checked class="updatesex" name="sex"
                                                    value="男">男</label>&nbsp;
                                            <label><input type="radio" class="updatesex" name="sex" value="女">女</label>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom:10px">
                                        <div class="col-lg-2">
                                            <span style="font-size: 24px">年龄</span>
                                        </div>
                                        <div class="col-lg-10">
                                            <input type="number" class="form-control" id="updateage"
                                                placeholder="请输入年龄">
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom:10px">
                                        <div class="col-lg-2">
                                            <span style="font-size: 24px">岗位</span>
                                        </div>
                                        <div class="col-lg-10">
                                            <select id="updatepost" style="margin-top: 6px;width: 90px;">
                                                <option>请选择</option>
                                              
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <!-- 模态框底部 -->
                            <div class="modal-footer">
                                <button type="button" class="btn btn-success" onclick="ok()">确认</button>
                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                            </div>

                        </div>
                    </div>
                </div>
                <div>
                    <!-- 添加的模态框 -->
                    <div class="modal fade" id="myModalsAdd">
                        <div class="modal-dialog modal-dialog-centered">
                            <div class="modal-content">
        
                                <!-- 模态框头部 -->
                                <div class="modal-header">
                                    <h4 class="modal-title">添加学生信息</h4>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>
        
                                <!-- 模态框内容 -->
                                <div class="modal-body">
                                    <form>
                                        <div class="row" style="margin-bottom:10px">
                                            <div class="col-lg-2">
                                                <span style="font-size: 24px">姓名</span>
                                            </div>
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control" id="username" placeholder="请输入姓名">
                                            </div>
                                        </div>
                                        <div class="row" style="margin-bottom:10px">
                                            <div class="col-lg-2">
                                                <span style="font-size: 24px">性别</span>
                                            </div>
                                            <div class="col-lg-10" style="line-height:32px">
                                                <label><input type="radio" checked class="ssex" name="sex"
                                                        value="男">男</label>&nbsp;
                                                <label><input type="radio" class="ssex" name="sex" value="女">女</label>
                                            </div>
                                        </div>
                                        <div class="row" style="margin-bottom:10px">
                                            <div class="col-lg-2">
                                                <span style="font-size: 24px">年龄</span>
                                            </div>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="userage" placeholder="请输入年龄">
                                            </div>
                                        </div>
                                        <div class="row" style="margin-bottom:10px">
                                            <div class="col-lg-2">
                                                <span style="font-size: 24px">岗位</span>
                                            </div>
                                            <div class="col-lg-10">
                                                <select id="dpost" style="margin-top: 6px;width: 90px;">
                                                    <option>请选择</option>
                                                    
                                                </select>
                                            </div>
                                        </div>
                                    </form>
                                </div>
        
                                <!-- 模态框底部 -->
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-success" onclick="addDepartmentInfo()">确认</button>
                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                                </div>
        
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <script src="../js/employee.js"></script>
   <!-- <script src="../js/header.js"></script> -->
</body>

</html>